<template>
  <div class="left-search">
    <div class="search-title">毛利分析</div>
    <el-radio-group style="margin-left: 30px">
      <el-radio label="0" size="large">门店数据</el-radio>
      <el-radio label="1" size="large">区域数据</el-radio>
    </el-radio-group>
    <div style="margin-left: 30px; display: flex; height: 100%; align-items: center">
      <div class="search-title">门店名称 :</div>
      <el-select class="search-form" placeholder="请选择门店" size="small">
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
      </el-select>
    </div>
  </div>
  <el-table :data="[{}, {}, {}, {}, {}, {}, {}, {}, {}, {}]" height="100%">
    <el-table-column prop="businessNo" label="序号" show-overflow-tooltip>
      <template #default="scope">
        {{ scope.row.businessNo || '--' }}
      </template>
    </el-table-column>
    <el-table-column prop="callName" label="战区" show-overflow-tooltip>
      <template #default="scope">
        {{ scope.row.callName || '--' }}
      </template>
    </el-table-column>
    <el-table-column prop="callNum" label="门店名称" show-overflow-tooltip>
      <template #default="scope">
        {{ scope.row.callNum || '--' }}
      </template>
    </el-table-column>
    <el-table-column prop="bond" label="车型" show-overflow-tooltip>
      <template #default="scope">
        {{ scope.row.bond || '--' }}
      </template>
    </el-table-column>
    <el-table-column prop="bond" label="平均单车毛利率" show-overflow-tooltip min-width="120px">
      <template #default="scope">
        {{ scope.row.bond || '--' }}
      </template>
    </el-table-column>
  </el-table>
</template>

<script setup lang="ts">
const options = [
  {
    value: 'Option1',
    label: 'Option1',
  },
  {
    value: 'Option2',
    label: 'Option2',
  },
  {
    value: 'Option3',
    label: 'Option3',
  },
  {
    value: 'Option4',
    label: 'Option4',
  },
  {
    value: 'Option5',
    label: 'Option5',
  },
];
</script>

<style scoped lang="scss">
.left-search {
  height: 40px;
  padding-left: 10px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  ::v-deep(.el-radio) {
    margin-right: 10px;
  }
}
.search-title {
  line-height: 40px;
}
.search-form {
  margin-left: 10px;
  width: 200px !important;
}
</style>
